<template>
  <div>
    <div>
      <img :src="user.avatar" width="200px"/>
    </div>
    <el-row>
      <el-col span="3" :offset="3" id="str" >
        账号：
      </el-col>
      <el-col span="12">
        <el-input v-model="user.account" placeholder="请输入内容" :disabled="true"></el-input>
      </el-col>
    </el-row>
    <br />
    <el-row>
      <el-col span="3" :offset="3" id="str">
        用户名：
      </el-col>
      <el-col span="12">
        <el-input v-model="user.accountName" placeholder="请输入内容" :disabled="true"></el-input>
      </el-col>
    </el-row>
    <br />
    <el-row>
      <el-col span="3" :offset="3" id="str">
        电话：
      </el-col>
      <el-col span="12">
        <el-input v-model="user.accountPhone" placeholder="请输入内容" :disabled="true"></el-input>
      </el-col>
    </el-row>
    <br />
    <el-row>
      <el-col span="3" :offset="3" id="str">
        邮箱：
      </el-col>
      <el-col span="12">
        <el-input v-model="user.accountEmail" placeholder="请输入内容" :disabled="true"></el-input>
      </el-col>
    </el-row>
  </div>
</template>

<script>
  export default{
    name:"PersonalInformation",
    data(){
    	return{
        user:JSON.parse(localStorage.getItem("user")).data,
        account:JSON.parse(localStorage.getItem("user")).data.account
    	}
    },
    methods:{

    },
    created() {//vue对象创建之后
      // this.$http.get("/account/getUserByAccount",{
      // 	params:{
      // 		account:this.account
      // 	}
      // }).then(resp=>{
      // 	this.user=resp.data.data
      // })
    }
  }
</script>

<style>
</style>
